<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text"><button>点击</button>
    <div></div>
    <script>
        /*str.trim() 会从一个字符串的两端删除空白字符 并不会影响字符串中间的空格
        trim（）方法并不影响原字符本身，它返回的是一个新的字符串*/
        var str = '  an  dy  ';
        console.log(str);
        console.log(str.trim());

        var input = document.querySelector('input');
        var btn = document.querySelector('button')
        var div = document.querySelector('div');
        btn.onclick = function(){
            if(input.value.trim() ===""){
                alert("请输入数据");
            }else{
                div.innerHTML = input.value.trim();
            }
            input.value = "";
        }
    </script>
</body>
</html>